<template>
  <div>
    <div v-if="this.$route.name=='addCourse'">
      <addCourse></addCourse>
    </div>
    <div v-if="this.$route.name=='courseList'">
      <courseList></courseList>
    </div>
    <div v-if="this.$route.name=='courseDetail'">
      <courseDetail></courseDetail>
    </div>
  </div>
</template>

<script>
  import courseList from "./courseList.vue"
  import addCourse from "./addCourse.vue"
  import courseDetail from "./courseDetail.vue"
  export default {
    components: {
      courseList,
      addCourse,
      courseDetail
    }
  }
</script>

<style>
</style>
